@import url(base.less);
@cgray:#c8c7cc;
.top-header{
  .dl(40);
  .bg-color(#ffd200);
  .tc;
  h1{
    .fz(18);
  }
  .top-share-icon{
    .fullbg('detail_05.png');
    .dba(22,19);
    .mr(10);
    .mt(10);
  }
  .back-icon{
    .fullbg('detail_03.png');
    .dba(10,18);.fl;
    .ml(10);
    .mt(10);
  }
}
.gray-bg{
  .bg-color(#f6f6f6);
}
.addpic{
  .pt(30);
  .pb(30);
  .btn{
    .dba(84,114);
    .ma;
    .pr;
    .tc;
  }
  .h{
    .wh(1px,40px);
    .pa(42px,22px);
    .bg-color(#c9c9c9);
  }
  .s{
    .wh(40px,1px);
    .pa(22px,42px);
    .bg-color(#c9c9c9);
  }
  .dot{
    .wh(84px,84px);
    border:1px dashed #c9c9c9 ;
  }
  p{
    .lh(30);
    .f14;
    .g9;
  }
}
.inputs{
  .bg-color(@cwhite);
  border-top:1px solid @cgray;
  li{
    height:40px;
    .bdb(@cgray);
    .f14;
    .lh(40);
    .pl(10);
    .pr(10);
    span{
      .fl;
    }
    div{
      .pl(65);
    }
  }
  input{
    width:100%;
    .box-sizing();
    height:36px;
    text-align: right;
    border:none;
    .f14;
  }
}
.textlink{
  .mt10;
  .bg-color(@cwhite);
  .bdt(@cgray);
  .bdb(@cgray);
  .p10;
  textarea{
    width:100%;
    .box-sizing();
    border:none;
    height:60px;
    .f14;
  }
}
.fileinput{
  .pa();
  .wh(86px,86px);
  opacity:0;
}
.border-btn{
  display:inline-block;
  .wh(170px,36px);
  .lh(36);
  .border-radius(18px);
  .g9;
  .pl(10);
}
.bottom-btn{
  .com-icon{.bg-size('detail_56.png',10px,13px,50px,center)}
  .write-icon{.bg-size('detail_59.png',13px,13px,49px,center)}
}
.pub-btn{
  .f14;
  .bg-size('pub_icon.png',15px,15px,40px,center);
  background-color: @cyellow;
  .g3;
}
.white-bg{
  .bg-color(@cwhite);
}
.border-bottom{
  .bdb(#c8c7cc);
}
.setting-input{
  .bdb(#c8c7cc);
  li{
    margin:0 10px;
    .bdb(#e2e2e2);
    &:last-child{
      border:0;
    }
  }
}
.w100{.w(100px);}

.setting-upload{
  .bg-color(#333);
  .border-bottom;
  .pr;
  .h(187px);

}
.setting-upload .btn{
  z-index: 2;
  margin:45px auto 0;
  img{
    .border-radius(100%);
  }
}
#bgBox{
  .bg{
    .wh(100%,100%);
  }
  .pa();
  .wh(100%,100%);
}